import {computed, defineComponent, onMounted} from "vue"
import type{CSSProperties} from "vue"
import "../style/container.scss"


export default defineComponent({
    name:"ElHeader",
    props:{
        height:{
            default:60
        }
    },  
    setup(props,{slots}){

        let style = computed(()=>{
            const styles:CSSProperties= {}
            if(props.height){
                styles.height = props.height +"px"
            }
            // console.log(styles)
            return styles
        })

        return ()=>(
            <>
                <div class={['headerWid']} style={style.value}>
                    {
                        slots?.default?slots.default?.():''
                    }
                </div>
            </>
        )
    }
})


